{extend name="Layout/layout" /}
{block name="body_content"}
<div class="container text-page" id="queryInfo">
    <h1>卡密补发</h1>
    <div class="col-md-6 col-md-offset-2">
    <form class="form-horizontal" action="{:U('doQuery')}">
        <div class="form-group">
            <label class="col-sm-4 control-label">订单编号：</label>
            <div class="col-sm-8">
                <input type="text" name="orderno" class="form-control" placeholder="订单编号" required="required">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-4 control-label">验证码：</label>
            <div class="col-sm-8 xsui-captcha-group">
                <div class="input-group">
                    <input type="text" name="captcha" class="form-control" placeholder="验证码" required="required">
                    <span class="input-group-btn">
                        <img src="{:U('Captcha/index')}" alt="" />
                    </span>
                    <span class="input-group-btn">
                        <a href="#" class="btn btn-link">看不清楚，再换一张</a>
                    </span>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-offset-4 col-sm-8 ">
                <button type="submit" class="btn btn-default">补发邮件</button>
            </div>
        </div>
    </form>
        </div>
</div>
{/block}
{block name="body_foot"}
<script>
    $('.xsui-captcha-group a, .xsui-captcha-group img').click(function () {
        var $img = $('.xsui-captcha-group img');
        $img.attr('src', $img.attr('src'));
        return false;
    })
</script>
{/block}